<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video controls autoplay muted loop src="小手拍拍.mp4"></video><br>
<!-- 视频   播放控件  自动播放  静音  循环 -->
    <audio controls autoplay muted loop src="小手拍拍.mp3"></audio><br>
<!-- 音频 -->


<!-- 支持多种格式的视频文件 -->
    <video controls >
        <source src="小手拍拍.mp4" type="">
    </video>
    


    <div>
        <!-- multiple支持在一个域中输入多个值，逗号隔开，一般配合邮箱和URL使用 -->
        邮箱: <input type="email" multiple>
    </div>
    <div>
        网址: <input type="url">
    </div>
    <div>
        颜色:<input type="color" novalidate >
    </div>
    <div>
        日期:<input type="date">
    </div>
    <div>
        月份:<input type="month">
    </div>
    <div>
        周: <input type="week">
    </div>
    <div>
        <!-- min最小数值  max最大数值  step一次增加和减小的数值 -->
        数字:<input min="1" max="50" step="2" type="number">
    </div>
    <div>
        <!-- 通过滑动滑块,选取 某个范围里边的 值  -->
        滑块:<input min="0" max="50" type="range">
    </div>
    <div>
        <!-- 输入搜索关键字的文本框 -->
        搜索:<input type="search">
    </div>
    <div>
        <!-- minlength="6"限制最小输入字符数   maxlength="12"限制最大输入字符数   required必填 -->
        密码:<input type="password" minlength="6" maxlength="12" required>
    </div>
    <div>

    </div>
</body>
</html>